<template>
  <div class="screenBox2 clear">
    <div class="sort">
      <em>排序:</em><span>销量</span><span>价格</span><span>评分最高</span>
    </div>
    <div class="screenRight">
      <em>筛选:</em><span class="screenRightActive">全国</span><span>次日达</span>
    </div>
  </div>
</template>
<script>
export default {
  
}
</script>
<style scoped>
  .screenBox2{
    margin-top: 30px;
  }
  .sort span,.sort em{
    float: left;
    font-size: 15px;
    color: #666;
    margin-right: 32px;
    padding: 4px 16px;
  }
  .sort{
    float: left;
  }
  .screenRight{
    float: right;
  }
  .screenRight span,.screenRight em{
    float: left;
    font-size: 15px;
    color: #666;
    margin-left: 32px;
    padding: 4px 16px;
  }
  .screenRight .screenRightActive{
    background-color: #498e3d;
    color: #fff;
  }
</style>